<template>
  <div id="app" ref="text">
    <Header v-show="$route.meta.istrue"/>
    <keep-alive>
      <router-view />
    </keep-alive>
    <Footers v-show="$route.meta.istrue"/>
  </div>
</template>
<script>
import Header from "./components/Header.vue";
import Footers from "./components/Footer.vue";
export default {
  data() {
    return {};
  },
  mounted() {
    //  window.addEventListener('scroll',this.handleScroll)
    console.log(this.$refs);
  },
  methods: {
    // handleScroll(){
    // var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
    // console.log(scrollTop.toFixed(0));
    // }
    
  },
  components: {
    Header,
    Footers,
  },
};
</script>
<style lang="scss">
html,
body {
  // background-color: azure;
  padding: 0;
  margin: 0;
}

</style>
